.xmt-boxs .nx-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background: url('/pc/module/netmaket/module5/images/逆袭背景_01.png');
  background-size: cover;
}
.xmt-boxs .nx-wrapper .title-wrapper {
  margin-top: 94px;
  margin-bottom: 56px;
}
.xmt-boxs .nx-wrapper .title-wrapper .title {
  margin-bottom: 16px;
}
.xmt-boxs .nx-wrapper .content-wrapper {
  display: flex;
}
.xmt-boxs .nx-wrapper .content-wrapper .left-wrapper.cur {
  display: block;
}
.xmt-boxs .nx-wrapper .content-wrapper .left-wrapper {
  display: none;
  width: 855px;
  height: 600px;
  margin-right: 22px;
  border-radius: 26px;
  background: #FFF;
}
.xmt-boxs .nx-wrapper .content-wrapper .left-wrapper .bg {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 488px;
  border-radius: 26px;
  cursor: pointer;
  overflow: hidden;
}
.xmt-boxs .nx-wrapper .content-wrapper .left-wrapper .bg .play {
  margin-top: 17px;
  font-weight: bold;
  font-size: 20px;
  color: #FFFFFF;
}
.xmt-boxs .nx-wrapper .content-wrapper .left-wrapper .bg.bg1 {
  background: url('/pc/module/netmaket/module5/images/作品_01.png') no-repeat;
}
.xmt-boxs .nx-wrapper .content-wrapper .left-wrapper .bg.bg2 {
  background: url('/pc/module/netmaket/module5/images/作品_02.png') no-repeat;
}
.xmt-boxs .nx-wrapper .content-wrapper .left-wrapper .bg.bg3 {
  background: url('/pc/module/netmaket/module5/images/作品_03.png') no-repeat;
}
.xmt-boxs .nx-wrapper .content-wrapper .left-wrapper .bg.bg4 {
  background: url('/pc/module/netmaket/module5/images/作品_04.png') no-repeat;
}
.xmt-boxs .nx-wrapper .content-wrapper .left-wrapper .info-wrapper {
  display: flex;
  justify-content: space-between;
  padding: 25px 33px 0 50px;
}
.xmt-boxs .nx-wrapper .content-wrapper .left-wrapper .info-wrapper .left-info {
  display: flex;
  flex-direction: column;
}
.xmt-boxs .nx-wrapper .content-wrapper .left-wrapper .info-wrapper .left-info .text1 {
  margin-left: -15px;
  margin-bottom: 13px;
  font-weight: bold;
  font-size: 26px;
  color: #232323;
}
.xmt-boxs .nx-wrapper .content-wrapper .left-wrapper .info-wrapper .left-info .text2 {
  color: #8F8F8F;
}
.xmt-boxs .nx-wrapper .content-wrapper .left-wrapper .info-wrapper .right-info {
  display: flex;
  flex-direction: row;
}
.xmt-boxs .nx-wrapper .content-wrapper .left-wrapper .info-wrapper .right-info .count,
.xmt-boxs .nx-wrapper .content-wrapper .left-wrapper .info-wrapper .right-info .money {
  display: flex;
  flex-direction: column;
  font-weight: bold;
  font-size: 26px;
}
.xmt-boxs .nx-wrapper .content-wrapper .left-wrapper .info-wrapper .right-info .count .btn,
.xmt-boxs .nx-wrapper .content-wrapper .left-wrapper .info-wrapper .right-info .money .btn {
  display: inline-block;
  width: 86px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  border-radius: 14px;
}
.xmt-boxs .nx-wrapper .content-wrapper .left-wrapper .info-wrapper .right-info .count {
  margin-right: 36px;
  color: #FC464C;
}
.xmt-boxs .nx-wrapper .content-wrapper .left-wrapper .info-wrapper .right-info .count .btn {
  background: #FF4566;
  color: #FFFFFF;
}
.xmt-boxs .nx-wrapper .content-wrapper .left-wrapper .info-wrapper .right-info .money {
  color: #6982FF;
}
.xmt-boxs .nx-wrapper .content-wrapper .left-wrapper .info-wrapper .right-info .money .btn {
  background: #6982FF;
  color: #FFFFFF;
}
.xmt-boxs .nx-wrapper .content-wrapper .left-wrapper .info-wrapper .right-info .load {
  font-size: 16px;
  color: #727272;
}
.xmt-boxs .nx-wrapper .content-wrapper .right-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 322px;
  background: url('/pc/module/netmaket/module5/images/逆袭背景_02.png') no-repeat;
  border-radius: 26px;
  padding-top: 20px;
}
.xmt-boxs .nx-wrapper .content-wrapper .right-wrapper .tab-wrapper {
  font-size: 16px;
  width: 288px;
  height: 130px;
  max-height: 130px;
  flex: 1;
  color: #FFFFFF;
  padding-top: 20px;
  padding-bottom: 22px;
  cursor: pointer;
  border-bottom: 1px solid rgba(255, 233, 225, 0.3);
}
.xmt-boxs .nx-wrapper .content-wrapper .right-wrapper .tab-wrapper:last-child {
  border: none;
}
.xmt-boxs .nx-wrapper .content-wrapper .right-wrapper .tab {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 101px;
}
.xmt-boxs .nx-wrapper .content-wrapper .right-wrapper .tab .text1 {
  margin-bottom: 12px;
  font-weight: bold;
  font-size: 22px;
}
.xmt-boxs .nx-wrapper .content-wrapper .right-wrapper .tab .text2 {
  font-size: 16px;
}
.xmt-boxs .nx-wrapper .content-wrapper .right-wrapper .active {
  background: linear-gradient(0deg, #FFF5DE 0%, #FFFFFF 100%);
  box-shadow: 0px 6px 27px 0px #E40A14;
  border-radius: 18px;
}
.xmt-boxs .nx-wrapper .content-wrapper .right-wrapper .active .text1 {
  color: #FF2D1D;
}
.xmt-boxs .nx-wrapper .content-wrapper .right-wrapper .active .text2 {
  color: #202020;
}